<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试</title>
</head>
<script src="//cdn.bootcss.com/jquery/3.0.0-alpha1/jquery.min.js"></script>
<body>
<button id="sub">查询</button>
<span id="text"></span><!-- 用以显示返回来的数据，只刷新这部分地方 -->
</body>
</html>

<script>
    $(function(){
        $('#sub').click(function(){
            $.ajax({
                type: "get",
                url: "/test/getTest",
                data: {id:1}, //提交到demo.php的数据
                dataType: "json", //回调函数接收数据的数据格式

                success: function(msg){
                    $('#text').empty(); //清空Text里面的所有内容
                    $('#text').html("id为："+msg.data.id + ",name为：" + msg.data.name + ",age为：" + msg.data.age); //在#text中输出
                },

                error:function(msg){
                    console.log(msg);
                }
            });
        });
    })
</script>
